{% extends "../../_basic.twig" %}

{% block header %}
    <link rel="stylesheet" href="./index.css?v={{random()}}">
    <style>
        .item {
            display:inline-block;
            width: 30px; 
            height: 30px;
            text-align: center;
            line-height: 30px;
        }

        auc-item.active > .item {
            background-color: #000;
            color: #fff;
        }

        auc-item:before {
            background-color: #eee;
        }
    </style>
{% endblock %}

{% block body %}
    <div>      
        <h3>默认</h3>   
        <auc-step-bar>
            <auc-item class="active"><aux-view class="item">1</aux-view></auc-item>
            <auc-item><aux-view class="item">2</aux-view></auc-item>
            <auc-item><aux-view class="item">3</aux-view></auc-item>
        </auc-step-bar>              
    </div>
{% endblock %}

    